<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			
			img{
				width: 200px;
			}
			
		</style>
	</head>
	
	<link rel="stylesheet" href="Viewer/css/viewer.min.css">
	<!--js引入-->
	<!--<script src="Viewer/js/viewer.min.js"></script>-->
	
	<!--jquery引入-->
	<script src="Viewer/js/jquery.min.js"></script>
	<script src="Viewer/js/viewer-jquery.min.js"></script>
	<body>
		
		<h1>默认效果</h1>

		<ul id="jq22">
		    <li><img src="Viewer/img/1.jpg" alt="图片1."></li>
		    <li><img src="Viewer/img/2.jpg" alt="图片2."></li>
			
		    <li><img src="Viewer/img/tibet-1.jpg" alt="图片1"></li>
		    <li><img src="Viewer/img/tibet-2.jpg" alt="图片2"></li>
		    <li><img src="Viewer/img/tibet-3.jpg" alt="图片3"></li>
		    <li><img src="Viewer/img/tibet-4.jpg" alt="图片4"></li>
		    <li><img src="Viewer/img/tibet-5.jpg" alt="图片5"></li>
		    <li><img src="Viewer/img/tibet-6.jpg" alt="图片6"></li>
		    <li><img src="Viewer/img/tibet-7.jpg" alt="图片7"></li>
		    <li><img src="Viewer/img/tibet-8.jpg" alt="图片8"></li>
		    <li><img src="Viewer/img/tibet-9.jpg" alt="图片9"></li>
		</ul>
		
	</body>
</html>

<script type="text/javascript">
	//js引入
//	var viewer = new Viewer(document.getElementById('jq22'));

	//jquery引入
$('#jq22').viewer();
</script>
